var msn = msn || {};
msn.hp = msn.hp || {};
msn.hp.tab = {
    t: null,
    delayTime: 100,
    fx: true,
    tab: function (b) {
        $(b).siblings().removeClass("on");
        $(b).addClass("on");
        var c = $(b).parents(".tab").find("div.t");
        var a = c.eq($(b).index());
        c.addClass("none");
        a.removeClass("none");
        if (this.fx) {
            if ($(b).parent().hasClass("nofx")) {
                return
            }
            $(b).parent().siblings(".animate").width($(b).outerWidth() - 2).animate({
                left: $(b).position().left
            },
            "slow")
        }
    },
    delayTab: function (b, a) {
        clearTimeout(b.t);
        this.t = setTimeout(function () {
            b.tab(a)
        },
        this.delayTime)
    },
    init: function () {
        var a = this;
        a.animate();
        if (window.Touch) {
            $(".tab .main_title>ul>li[class!='on']>a").click(function () {
                return false
            })
        }
        $(".tab .main_title>ul>li,.tab>ul.hotread_menu>li").hover(function () {
            a.delayTab(a, this)
        },
        function () {
            clearTimeout(a.t)
        })
    },
    animate: function () {
        if (!this.fx) {
            return
        }
        $(".tab .main_title>ul").each(function () {
            if (!$(this).hasClass("nofx")) {
                $(this).addClass("fx")
            }
        });
        $(".tab .main_title").each(function (a, b) {
            if ($(this).find("ul").hasClass("nofx")) {
                return
            }
            $(b).append("<div class='animate' ></div>");
            $(b).find(".animate").width($(b).find("ul>li.on").outerWidth() - 2).css("left", $(b).find("ul>li.on").position().left)
        })
    }
};